<template>
    <div>
        <heard :title="title"></heard>
        <div style="width: 100%;height: 200px;background: aliceblue;">
            <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
             <p> 联系方式:{{ store.pinina.username }}</p>
            <van-cell-group>
                <van-cell title="单元格" value="全部订单" to="/orderlist"/>
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" />
                
            </van-cell-group>
        </div>


    </div>
</template>

<script setup>
import { ref } from 'vue';
import heard from '@/components/heard.vue';
const title = '我的'
import { useCounterStore } from '@/stores/user'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.pinina)


</script>

<style lang="scss" scoped></style>